$('#goto-register').on('click', () => {
  $('#register').show()
})

$('#goto-login').on('click', () => {
  $('#register').hide()
})

// window.$
// $
// window.form
// console.log('window', window)
let form = window.layui.form
form.verify({
  // 用户名
  username: value => {
    if (!/^[a-z0-9]{6,10}$/.test(value)) {
      return '账号名是6到10位由数字, 小写字母组成'
    }
  },
  // 密码
  password: value => {
    if (!/^[\S]{6,10}$/.test(value)) {
      return '密码是6到10位, 不能有空格'
    }
  },
  // 再次确认密码
  repwd: value => {
    if ($('.pwd').val() != value) {
      return '两次密码不相同'
    }
  },
})

// 注册按钮注册点击事件
$('#register .layui-btn').on('click', e => {
  // 1. 阻止默认行为
  e.preventDefault()
  console.log('点击了注册')

  // 1. 收集数据
  let username = $('#register input[name="username"]').val()
  let password = $('#register input[name="password"]').val()

  let data = `username=${username}&password=${password}`
  console.log('值', data)

  // 2. 发送请求
  axios.post('http://api-breakingnews-web.itheima.net/api/reguser', data).then(res => {
    console.log('注册:', res)

    $('#register').hide()
  })
})

// 登录按钮点击了事件
$('#login .layui-btn').on('click', e => {
  // 1. 阻止默认行为
  e.preventDefault()
  console.log('点击了注册')

  // 1. 收集数据
  let username = $('#login input[name="username"]').val() || '000001'
  let password = $('#login input[name="password"]').val() || '000001'

  let data = `username=${username}&password=${password}`
  console.log('值', data)

  // 2. 发送请求
  axios.post('http://api-breakingnews-web.itheima.net/api/login', data).then(res => {
    console.log('登录:', res.data)

    if (res.data.status == 0) {
      console.log('0')

      // 简单提示
      window.layui.layer.msg('登录成功')

      localStorage.setItem('token', res.data.token)

      location.href = 'index.html'
    }
  })
})
